<template>
  <div>
<!--     <div class="flex" style="margin: 5rem 1rem 1rem ;">
		 <label style="float: left;">共享中心</label>
	 </div>
	 <div class="flex" style="margin:1rem ;">
	 		 <label style="float: left;">众享中心</label>
	 </div>
	 <div class="flex" style="margin:1rem ;">
	 		 <label style="float: left;">顺风车中心</label>
	 </div> -->
	 
	 <div style="margin: 1rem;">
		<van-cell title="共享中心" class="cellStyle"  is-link /> 
	 </div>
	 <div style="margin: 1rem;">
	 		<van-cell title="众享中心" class="cellStyle"  is-link /> 
	 </div>
	 <div style="margin: 1rem;">
	 		<van-cell title="顺风车中心" class="cellStyle"  is-link /> 
	 </div>

	 
	 
  </div>	
</template>
<script>
export default {
  data(){
       return {
        activeNames: ['1']
       }
    },
  methods:{

    }
  }


</script>
<style lang="less">
	// .flex{
	//     /*flex 布局*/
	//     display: flex;
	//     /*实现垂直居中*/
	//     align-items: center;
	//     /*实现水平居中*/
	//     justify-content: center;
	  
	//     text-align: justify;
	//     padding-left: 1rem;
	//     background: #000;
	    
	// 	font-size: 1rem;
	// 	background-color: white;
	// 	height: 3rem;
	// 	border-radius: 6.1875rem;
	// }
	.cellStyle{
		text-align: left;
		border-radius: 5rem;
		background-color: white;
		color:  cadetblue;
		font-size: 1rem;
	}
	
	
</style>